
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> 
		<meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
		<title>Perfil</title>
		<link rel="shortcut icon" href="../favicon.ico"/>
		<link rel="stylesheet" type="text/css" href="css/default.css"/>
                <link rel="stylesheet" type="text/css" href="css/component.css"/>
                <link rel="stylesheet" type="text/css" href="css/panel.css"/>
                <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Playfair+Display:400italic' rel='stylesheet' type='text/css' />
                <link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,300' rel='stylesheet' type='text/css'/>
		<script src="js/modernizr.custom.js"></script>
                
    </h:head>
        <h:body class="cbp-spmenu-push">
		<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">
			<h3>BirrApp</h3>
                        <a href="ok.xhtml" id="inicio">Inicio</a>
                        <a href="buscar.xhtml" id="buscar" onclick="menuItem('buscar');">Buscar</a>
                        <a href="favoritos.xhtml" id="favoritos" onclick="menuItem('favoritos');">Favoritos</a>
                        <a href="#" id="perfil" onclick="menuItem('perfil');">Perfil</a>
                        <h:form>
                            <h:commandLink action="#{endSessionManagedBean.disconect()}">Desconectar</h:commandLink>
                        </h:form>
                </nav>
            
		<div class="container" >
		
                    <div class="main" id="frame">
                        
                            
                      <h1>Perfil</h1>
                      <p:messages id="messages" showDetail="false" autoUpdate="true" /> 
                      <p:tabView id="tabs" dynamic="false" cache="false" >
                                 
                          <p:tab id="tabDatos" title="Datos usuario" titleStyleClass="tabStyle">
                             
                                 <p:fieldset legend="Datos"> 
                                    <h:form id="form1" prependId="false" >   

                                    <a>Personal:</a>
                                            <h:panelGrid id="tablaDatos" columns="2" cellpadding="10">   
                                               <h:outputText value="Nombre: " styleClass="letrasNegrita"/>

                                               <p:inplace id="ajaxInplace1" editor="true" > 

                                                   <p:inputText id="nombre" value="#{perfilManagedBean.usuario.nombre}"  
                                                                required="true" label="text">

                                                   </p:inputText>

                                               </p:inplace> 

                                               <h:outputText value="Apellidos: " styleClass="letrasNegrita"/>  
                                               <p:inplace id="ajaxInplace2" editor="true">  
                                                   <p:inputText  id="apellidos" value="#{perfilManagedBean.usuario.apellidos}"   
                                                        required="true" label="text"> 
                                                   </p:inputText>

                                               </p:inplace> 

                                               <h:outputText value="Correo: " styleClass="letrasNegrita"/>
                                               <p:inplace id="ajaxInplace3" editor="true">  
                                                   <p:inputText id="correo"  value="#{perfilManagedBean.usuario.correo}"  
                                                        required="true" label="text" >
                                                   </p:inputText>
                                               </p:inplace> 


                                               <h:outputText value="Tipo de usuario: " styleClass="letrasNegrita"/>
                                               <h:outputText value="#{perfilManagedBean.usuario.idRol.idRol}"/>

                                            </h:panelGrid> 
                                    <div  class="buttonPerfil">
                                        <p:commandButton id="botonActualizarDatos" value ="Actualizar" action="#{perfilManagedBean.updateDatos()}"/>
                                     </div>

                                </h:form>
                                 <h:form id="form2" prependId="false">

                                    <a>Cambiar contraseña:</a>
                                    <h:panelGrid columns="2" cellpadding="10" > 
                                         <h:outputText value="Password actual: " styleClass="letrasNegrita"/>      
                                         <h:inputSecret  id="passwordActual" value="#{perfilManagedBean.passwordActual}"  
                                                         required="true" requiredMessage="Se requiere el password actual"/>

                                         <h:outputText value="Password: " styleClass="letrasNegrita"/>
                                         <h:inputSecret  id="password" value="#{perfilManagedBean.password}"  
                                                               required="true" requiredMessage="Se requiere el nuevo password"/>

                                         <h:outputText value="Repita Password: " styleClass="letrasNegrita"/>
                                         <h:inputSecret id="repassword" value="#{perfilManagedBean.repassword}"  
                                                        required="true"  requiredMessage="Se requiere repetir el password"/>


                                    </h:panelGrid>
                                    <div  class="buttonPerfil">
                                        <p:commandButton id="botonActualizarPass" value ="Actualizar" action="#{perfilManagedBean.updatePass()}"/>
                                     </div>


                               </h:form>
                              </p:fieldset>
                         
                             <p:messages id="messages2" showDetail="false" autoUpdate="true"/> 

                             <p:fieldset legend="Cuentas"> 
                               <h:form id="form3" prependId="false">       

                                        <h:panelGrid columns="3" cellpadding="10">  
                                            <p:graphicImage styleClass="iconsPerfil" value="images/icons/twitter-ico.png" /> 
                                            <h:outputText value="Usuario Twitter: " styleClass="letrasNegrita"/>  
                                            <p:inplace id="ajaxInplace7" editor="true" emptyLabel="Introduzca usuario">  
                                                <p:inputText id="twitter" value="#{perfilManagedBean.usuario.twitter}"   
                                                        required="true" label="text"> 
                                                   </p:inputText>
                                            </p:inplace> 

                                            <h:outputText/> 
                                            <h:outputText value="Password: " styleClass="letrasNegrita"/>

                                            <h:inputSecret id="passTwitter" value="#{perfilManagedBean.usuario.twitterPass}"  
                                                    required="true" label="text" requiredMessage="Se requiere el password"/>
                                        </h:panelGrid>

                                        <div class="buttonPerfil">
                                            <p:commandButton id="botonActualizarTwitter" value ="Actualizar"  action="#{perfilManagedBean.updateCuentaTwitter()}"/>
                                      </div>
                                </h:form>

                                <h:form id="form4" prependId="false">
                                        <h:panelGrid columns="3" cellpadding="10"> 
                                            <p:graphicImage styleClass="iconsPerfil" value="images/icons/facebook-ico.jpeg" />  
                                            <h:outputText value="Usuario FaceBook: " styleClass="letrasNegrita"/>  
                                            <p:inplace id="ajaxInplace9" editor="true" emptyLabel="Introduzca usuario">  
                                                <p:inputText id="facebook" value="#{perfilManagedBean.usuario.facebook}"   
                                                        required="true" label="text"> 
                                                   </p:inputText>
                                            </p:inplace> 

                                            <h:outputText/> 
                                            <h:outputText value="Password: " styleClass="letrasNegrita"/>

                                            <h:inputSecret id="passFaceBook" value="#{perfilManagedBean.usuario.facebookPass}"  
                                                    required="true" label="text" requiredMessage="Se requiere el password"/>

                                        </h:panelGrid>
                                      <div class="buttonPerfil">
                                          <p:commandButton id="botonActualizarFacebook" value ="Actualizar"  action="#{perfilManagedBean.updateCuentaFacebook()}"/> 
                                      </div>

                                 </h:form>
                             </p:fieldset>
                        </p:tab>
                          
                          
                         <p:tab id ="tabLocal" title="Locales" titleStyleClass="tabStyle" rendered="#{perfilManagedBean.esDueno}">
                              
                              
                               <h:form id="formLocalesUsuario">
                    
                                   <p:dataGrid id="dataGridBares" styleClass="listasCervezas" var="bar" value="#{perfilManagedBean.bares}" columns="1"
                                            rows="6" paginator="true"
                                            paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink}
                                            {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                            rowsPerPageTemplate="3,6,9" currentPageReportTemplate="{currentPage} de {totalPages}" emptyMessage="No dispone de locales" paginatorAlwaysVisible="false">
                                        <p:column>                            
                                            <p:panel header="#{bar.baresT.nombre}">
                                                <h:panelGrid columns="3" style="width:100%" columnClasses="barList11,barList12,barList13" >
                                                    <p:column>
                                                        <p:graphicImage id="barImagen" styleClass="imageBar" value="/images/bares/#{bar.baresT.foto}" 
                                                                        rendered="#{bar.baresT.foto != null}" width="100" height="100"/>

                                                        <p:graphicImage id="barNoImagen" styleClass="imageBar" value="/images/bares/imagenNoDisponible.jpg" 
                                                                        rendered="#{bar.baresT.foto == null}" width="100" height="100"/>
                                                    </p:column>
                                                    <p:column>
                                                        <p:dataTable id="dataTableBarContenido" var="barContenido" 
                                                                     value="#{perfilManagedBean.getListaCervezas(bar)}" paginator="true" rows="3" paginatorAlwaysVisible="false"
                                                                     styleClass="listasCervezasTabla" emptyMessage="Este local no dispone de cervezas">

                                                            <p:column headerText="Marca" styleClass="barList21">  
                                                                <h:outputText value="#{barContenido.cervezasT.marca}"/>  
                                                            </p:column>

                                                            <p:column headerText="Tipo" styleClass="barList22">  
                                                                <h:outputText value="#{barContenido.cervezasT.tipo}" />  
                                                            </p:column>  

                                                            <p:column headerText="Vaso" styleClass="barList23">  
                                                                <h:outputText value="#{barContenido.vasosT.tipo}" />  
                                                            </p:column>  

                                                            <p:column headerText="Precio" styleClass="barList24">  
                                                                <h:outputText value="#{barContenido.precio} €" />  
                                                            </p:column>  

                                                            <p:column headerText="Tapa"  styleClass="barList25">  
                                                                <h:outputText value="#{barContenido.tapasCervezaT.nombre}" />  
                                                            </p:column> 
                                                        </p:dataTable>
                                                    </p:column>
                                                    <p:column>
                                                        <p:commandButton value="Editar" action="#{perfilManagedBean.irAEditar()}">
                                                                    <f:setPropertyActionListener value="#{bar}"  
                                                                                                 target="#{perfilManagedBean.selectedBar}" /> 

                                                        </p:commandButton>

                                                        <p:commandButton id="botonEliminar" value="Eliminar" onclick="confirmation.show()"/>

                                                        <p:confirmDialog id="confirmDialog"
                                                                         message="¿Está seguro de eliminar #{perfilManagedBean.selectedBar.baresT.nombre} de su lista de locales?"  
                                                                         header="Eliminar local" severity="alert" widgetVar="confirmation">  
                                                            <p:commandButton id="confirm" value="Eliminar" onclick="confirmation.hide();" update=":tabs:formLocalesUsuario:dataGridBares,:tabs:formLocalesUsuario"
                                                                             action="#{perfilManagedBean.eliminarLocal()}" >
                                                                <f:setPropertyActionListener value="#{bar}"  
                                                                                                 target="#{perfilManagedBean.selectedBar}" />
                                                            </p:commandButton>
                                                            <p:commandButton id="decline" value="Cancelar" onclick="confirmation.hide();" type="button" />   

                                                        </p:confirmDialog>
                                                    </p:column>
                                                </h:panelGrid> 
                                            </p:panel>
                                        </p:column>
                                    </p:dataGrid>
                                </h:form>
                        </p:tab>
                          
<!--                          <script type="text/javascript"> 
                          
                          var mycars = new Array();
                          mycars = document.getElementById('dataGridBares').value;
                          
                          function showPaginator(){
                              
                              if(mycars.length === 0){
                                document.getElementById('dataGridBares').setAttribute('paginator','false');
                              }
                              else{
                                  document.getElementById('dataGridBares').setAttribute('paginator','true');
                              }
                          }
//                          function showPaginator(){
//                              document.getElementById('dataGridBares').setAttribute('paginator','true');
//                          }
                          
                          </script>-->
                          
                        <p:tab id ="tabAgregar" title="Agregar" titleStyleClass="tabStyle" rendered="#{perfilManagedBean.esDueno}">
                             
                            <h:form id="form">
                                
                                  
                                    
                                <p:fieldset id="cuerpoFormulario" legend="Datos Local" > 
                                      <h:form id="form1" prependId="false">   

                                          
                                          <h:outputText id="datosFormulario" value="Información:"  styleClass="letrasNegrita"/>
                                            <h:panelGrid id="tablaDatos" columns="2" cellpadding="5">   
                                               <h:outputText value="Nombre:"/>

                                                   <p:inputText id="nombre" value="#{perfilManagedBean.local.nombre}"  
                                                                required="true" requiredMessage="Se necesita un nombre">

                                                   </p:inputText>


                                               <h:outputText value="Dirección:"/>  
                                               <p:inputText  id="apellidos" value="#{perfilManagedBean.local.direccion}"   
                                                        required="true" label="text" requiredMessage="Se necesita una dirección"> 
                                                   </p:inputText>


                                               <h:outputText value="Código Postal:"/>
                                               <p:inputText id="codigoPostal"  value="#{perfilManagedBean.local.codigoPostal}"  
                                                        required="true" label="text" requiredMessage="Se necesita un código postal">
                                                   </p:inputText>
                                               
                                                <h:outputText value="Teléfono:"/>
                                                <p:inputText id="telefono"  value="#{perfilManagedBean.local.telefono}"  
                                                        required="true" label="text" requiredMessage="Se necesita un teléfono">
                                                   </p:inputText>
                                                
                                             
                                               
                                            </h:panelGrid>
                                          
                                          <h:outputText id="localizacion" value="Localización:"  styleClass="letrasNegrita"/>
                                          
                                          <h:outputText id="mensajeLocalizacion" style='margin-left: 100px; font-size: 15px' value="Si dispone de las coordenadas de su local introduzcalas a continuación"/>
                                          
                                              <h:panelGrid id="tablaDatosLocalización" columns="2" cellpadding="5">    
                                               
                                               
                                                 <h:outputText value="Latitud:"/>
                                                   <p:inputText id="latitud"  value="#{perfilManagedBean.local.latitud}"  
                                                        required="false" label="text" >
                                                   </p:inputText>
                                                 
                                                 
                                                  <h:outputText value="Longitud:"/>
                                                  <p:inputText id="longitud"  value="#{perfilManagedBean.local.longitud}"  
                                                        required="false" label="text" >
                                                   </p:inputText>
                                            

                                            </h:panelGrid> 
                                    
                                     <div  class="buttonPerfil">
                                         <p:commandButton id="botonCreaLocal" value="Agregar" onclick="dialog.show()"  action="#{perfilManagedBean.creaLocal}" update=":tabs:formLocalesUsuario:dataGridBares,:tabs:formLocalesUsuario"/>
                                         
                                         <p:dialog id="dialogFoto" resizable="false" draggable="false" closable="true" closeOnEscape="true" header="Información"
                                                   modal="true" width="350" showHeader="true" hideEffect="drop" showEffect="clip" widgetVar="dialog">  
                                                   <h:form id="formDialogFoto">
                                                         <h:outputText value="Puede agregar una foto a su local en la ventana de edición del mismo."/>
                                                    </h:form>
                                          </p:dialog> 
                 
                                     </div>

                                </h:form>
                                
                              </p:fieldset>
                            
                            </h:form>
                             
                        </p:tab>
                       </p:tabView>
                    </div>
		</div>
		<!-- Classie - class helper functions by @desandro https://github.com/desandro/classie -->
		<script src="js/classie.js"></script>
                <script src="js/menu.js"></script>
    </h:body>
</html>

